<template>
    <div class="content">
        <!-- 历史导航 -->
        <Tag />
        <!-- 操作按钮 -->
        <Btns />
        <!-- 区域管理 -->
        <div class="areaRun">
            <!-- 区域选择 -->
            <Area style="width: 200px;height: 450px" />
            <!-- 表格 -->
            <Table />
        </div>

        这里是内容

    </div>
</template>
<script>
import Tag from "./tag";
import Btns from "./operationButton";
import Area from "./area";
import Table from "./table";
export default {
    name: 'Content',
    data() {
        return{}
    },
    components: {Tag, Btns, Area, Table},
    methods: {

    }
}
</script>
<style lang="scss" scoped>
    .content{
        border: 1px solid #d1d1d1; overflow: hidden; border-radius: 5px; background: #ffffff; height: calc(100% - 50px);
        .areaRun{
            display: flex;align-items: flex-start;padding: 0 20px;
        }
    }
</style>